import request from '../../utils/request.js'
let timer = null
Page({

  /**
   * 页面的初始数据
   */
  data: {
    phoneNumber: '15361819220',
    isCountdown: false,
    vcode:'',
    count:10
  },
  getPhoneNumber(event) {
    this.setData({
      phoneNumber: event.detail.value
    })
  },
  getInputVcode(event){
    this.setData({
      vcode: event.detail.value
    })
  },

  getVcode() {
    if (this.data.isCountdown){
      return
    }
    var reg = /^1[3456789][0-9]{9}$/
    if (!reg.test(this.data.phoneNumber)) {
      wx.showToast({
        title: '手机号不合法',
        icon: 'none'
      })
      return
    }
    this.setData({
      isCountdown: true
    })

    // 开启倒计时
    timer = setInterval(() => {
      this.data.count--
        if (this.data.count > 0) {
          this.setData({
            count: this.data.count
          })
        } else {
          clearInterval(timer)
          this.setData({
            count: 10,
            isCountdown: false
          })
        }

    }, 1000)


    // 发请求，获取验证码
    request({
      url: '/user/vcode',
      data: {
        phone: this.data.phoneNumber
      },
      isAuth:false
    }).then(res => {
      wx.showToast({
        title: `${res.vcode}`,
        icon: 'none'
      })
    })
  },

  phoneLogin(){
    var reg1 = /^1[3456789][0-9]{9}$/
    if (!reg1.test(this.data.phoneNumber)) {
      wx.showToast({
        title: '手机号不合法',
        icon: 'none'
      })
      return
    }

    var reg2 = /^[0-9]{4}$/
    if (!reg2.test(this.data.vcode)) {
      wx.showToast({
        title: '验证码格式不对',
        icon: 'none'
      })
      return
    }

    request({
      url: '/user/login',
      method: 'POST',
      isAuth: false,
      data: {
        phone: this.data.phoneNumber,
        vcode: this.data.vcode
      }
    }).then(res => {
        // 提示
        wx.showToast({
          title: '手机号登录成功',
          icon: 'none'
        })

        // 保存到本地
        wx.setStorageSync('my_token', res.token)

        // 跳转到首页去
        wx.reLaunch({
          url: '/pages/home/index',
        })
    })
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function(options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function() {
    // 页面销毁时执行
    clearInterval(this.data.timer)
  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function() {

  }
})